<% if @results.empty? %>
  <div class="container search-no-results-container">
    <div class="row center-row">
      <div class="col-12">
        <div class="search-no-results-image">
          <%= image_tag "svgs/noResult.svg", alt: "No result image" %>
          <h6><%= t("users.circuitverse.search.no_results") %></h6>
        </div>
      </div>
    </div>
  </div>
<% else %>
  <div class="container">
    <div class="user-cards-grid">
      <% @results.each do |user| %>
        <%= render(User::UserCardComponent.new(profile: ProfileDecorator.new(user))) %>
      <% end %>
    </div>
    <% unless @results.empty? %>
      <%= will_paginate(@results, renderer: SearchPaginateRenderer, page_links: false) %>
    <% end %>
  </div>
<% end %>
